﻿/*! normalize.css v3.0.0 | MIT License | git.io/normalize */


/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}


/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}


/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */

a {
    background: transparent
}

a:active,
a:hover {
    outline: 0
}


/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}


/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}


/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}


/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}


/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
dl,
dt,
dd,
input,
button {
    margin: 0;
    padding: 0
}

body {
    min-height: 100vh;
    font-family: "苹方-简", "Microsoft YaHei", "sans-serif";
    color: #000;
    -webkit-tap-highlight-color: transparent
}

img {
    border: none
}

li {
    list-style: none;
    display: inline-block
}

input,
select,
textarea,
button {
    outline: none;
    border: none;
    border-radius: 0;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

textarea {
    resize: none
}

a {
    text-decoration: none;
    color: #1B1C20;
    display: inline-block
}

a:hover {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

i {
    display: inline-block;
    font-style: normal
}

img {
    display: inline-block
}

img:hover {
    cursor: pointer
}

.fl {
    float: left
}

.fr {
    float: right
}

.cl:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cl,
.clearfix {
    zoom: 1
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.pf {
    position: fixed
}

.hide {
    display: none
}

.vm {
    vertical-align: middle
}

.logo-sprite,
.logo-code,
.logo-icon1,
.logo-icon2,
.logo-icon3,
.logo-icon4,
.logo-icon5,
.logo-logo,
.logo-office,
.logo-search,
.logo-tel-1,
.logo-tel-2 {
    background-image: url('../images/logo-scdd6db06a1.png');
    background-repeat: no-repeat
}

.logo-code {
    background-position: 0 0;
    height: 62px;
    width: 210px
}

.logo-icon1 {
    background-position: 0 -62px;
    height: 28px;
    width: 28px
}

.logo-icon2 {
    background-position: 0 -90px;
    height: 28px;
    width: 28px
}

.logo-icon3 {
    background-position: 0 -118px;
    height: 22px;
    width: 22px
}

.logo-icon4 {
    background-position: 0 -140px;
    height: 24px;
    width: 22px
}

.logo-icon5 {
    background-position: 0 -164px;
    height: 24px;
    width: 22px
}

.logo-logo {
    background-position: 0 -188px;
    height: 60px;
    width: 236px
}

.logo-office {
    background-position: 0 -248px;
    height: 67px;
    width: 501px
}

.logo-search {
    background-position: 0 -315px;
    height: 14px;
    width: 14px
}

.logo-tel-1 {
    background-position: 0 -329px;
    height: 74px;
    width: 210px
}

.logo-tel-2 {
    background-position: 0 -403px;
    height: 74px;
    width: 210px
}

[class^="logo-"],
[class*=" logo-"] {
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    cursor: pointer
}

.index-wrap .container .left {
    float: left;
    width: 700px;
    margin-right: 30px
}

.index-wrap .container .right {
    float: right;
    width: 430px
}

.main-wrap.list .container .left,
.main-wrap.detail .container .left {
    float: left;
    width: 210px;
    margin-right: 20px
}

.main-wrap.list .container .right,
.main-wrap.detail .container .right {
    float: right;
    width: 930px
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    min-width: 1200px;
    background-color: #ecf1f4;
    font-family: "Microsoft Yahei", "苹方-简"
}

a {
    color: inherit;
    text-decoration: inherit;
    /*cursor: inherit*/
}

a:active,
a:focus {
    outline: none
}

a:hover {
    color: #005296
}

.container {
    width: 1200px;
    margin: 0 auto
}

.main-header {
    width: 100%;
    height: 124px;
    background: url(../images/banner.png)
}

.main-header .container .logo {
    float: left;
    width: 588px;
    height: 73px;
    background-image: url("../images/logo_20250411_588x74_01.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background:url("../images/logo.png") 0 0/100% no-repeat #000000;*/
    margin-top: 24px;
    z-index: 10;
}

.main-header .container .search-box {
    position: relative;
    float: right;
    border-radius: 16px;
    border: 1px solid #d1d1d1;
    width: 302px;
    height: 32px;
    margin-top: 46px;
    padding: 0 20px;
    background: #fff
}

.main-header .container .search-box input {
    width: 260px;
    height: 30px;
    line-height: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    color: #303030;
    font-size: 12px
}

.main-header .container .search-box button {
    height: inherit;
    position: absolute;
    line-height: 30px;
    right: 10px;
    top: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.main-nav {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    /*background: url('../images/nav-bg.png?1490152511'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTg4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE2NzNhNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');*/
    background: url('../images/nav-bg.png?1490152511'), -webkit-linear-gradient(top, #005889, #1673a7);
    background: url('../images/nav-bg.png?1490152511'), -webkit-gradient(linear, left top, left bottom, from(#005889), to(#1673a7));
    background: url('../images/nav-bg.png?1490152511'), -o-linear-gradient(top, #005889, #1673a7);
    background: url('../images/nav-bg.png?1490152511'), linear-gradient(to bottom, #005889, #1673a7);
    background-image: url('../images/nav-bg.png?1490152511'), -webkit-gradient(linear, left top, left bottom, from(#005889), to(#1673a7)) \9;
    background-image: url('../images/nav-bg.png?1490152511'), -webkit-linear-gradient(top, #005889, #1673a7) \9;
    background-image: url('../images/nav-bg.png?1490152511'), -o-linear-gradient(top, #005889, #1673a7) \9;
    background-image: url('../images/nav-bg.png?1490152511'), linear-gradient(to bottom, #005889, #1673a7) \9;
    border-bottom: 1px solid #00334f
}

.main-nav:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #5a9fc6;
    top: 1px;
    left: 0
}

.main-nav ul {
    height: inherit;
    padding-left: 10px
}

.main-nav ul li {
    height: 47px;
    margin-top: 2px;
    width: 12.5%;
    margin-left: -5px;
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-align: center;
    vertical-align: text-bottom
}

.main-nav ul li:first-of-type {
    width: 7%;
}

.main-nav ul li:hover {
    background: #ffffff;
    color: #3a87ad;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    position: relative;
}

.main-nav ul .current a,
.main-nav ul li:hover a {
    color: #3a87ad;
}

.main-nav ul li.current {
    background: #ffffff;
}

.main-nav ul .current a {
    color: #3a87ad;
}

.main-nav ul li {
    height: 47px;
    letter-spacing: 1px;
    padding: 0 20px;
    color: #fff
}

.page-nav {
    width: 100%;
    text-align: center;
    margin: 30px auto 40px
}

.page-nav li a {
    min-width: 24px;
    height: 24px;
    line-height: 22px;
    margin-left: 3px;
    font-size: 12px;
    color: #5181cc;
    border: 1px solid #e8e8e8;
    background-color: #f0f4f5
}

.page-nav li a:hover {
    border: 1px solid #005296;
    color: #fff;
    background-color: #005296
}

.page-nav li .text {
    color: #b3b6bc;
    padding: 0 5px
}

.index-wrap .container {
    background-color: #fff;
    padding: 30px 20px;
    overflow: hidden;
    *zoom: 1
}

.index-wrap .container .left .section .header {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    margin-bottom: 16px
}

.index-wrap .container .left .section .header .title {
    position: relative;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #005296;
    padding-left: 10px
}

.index-wrap .container .left .section .header .title:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 4px;
    height: 20px;
    background-color: #005296
}

.index-wrap .container .left .section .header .text-yellow {
    color: #e36612
}

.index-wrap .container .left .section .header .text-yellow:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 4px;
    height: 20px;
    background-color: #e36612
}

.index-wrap .container .left .section .header .more {
    float: right;
    font-size: 12px;
    color: #b4b4b4;
    margin-top: 4px
}

.index-wrap .container .left .section ul {
    padding-bottom: 21px
}

.index-wrap .container .left .section ul li {
    position: relative;
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    padding-left: 18px
}

.index-wrap .container .left .section ul li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    overflow: hidden;
    top: 10px;
    left: 0;
    background: #62696e;
}

.index-wrap .container .left .section ul li a {
    max-width: 500px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #62696e
}

.index-wrap .container .left .section ul li a:hover {
    color: #005296
}

.index-wrap .container .left .section ul li .time {
    float: right;
    color: #62696e
}

.index-wrap .container .right .i-1 .tel {
    /*width: 430px;*/
    /*height: 74px;*/
    /*line-height: 74px;*/
    background-color: #fff;
    margin-bottom: 10px;
    color: #fff;
    display: block;
}

.index-wrap .container .right .i-1 .i-1-left .work-time {
    border-top: 1px solid #fff;
    font-size: 12px;
    /*padding: 8px;*/
    text-align: center;
}

.index-wrap .container .right .i-1 .tel i {
    margin: 23px 20px 23px 20px;
    vertical-align: top
}

.index-wrap .container .right .i-1 > div {
    float: left;
    margin-bottom: 10px
}

/*.index-wrap .container .right .i-1 div:nth-child(2n+1) {
    margin-left: 10px
}*/

.index-wrap .container .right .i-1 .i-1-left {
    float: left;
    width: 210px;
    overflow: hidden;
}

.index-wrap .container .right .i-1 .i-1-right {
    float: right;
    width: 210px;
    overflow: hidden;
}

.index-wrap .container .right .i-1 .items {
    position: relative;
    padding-left: 27px;
    font-size: 14px;
    width: 210px;
    height: 48px;
    line-height: 48px;
    background-color: #e5eff5
}

.index-wrap .container .right .i-1 .items.jc-tel {
    background-color: #00669f;
    color:#fff;
    font-size:12px;
}

.index-wrap .container .right .i-1 .items:before {
    content: "";
    position: absolute;
    top: 18px;
    left: 14px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #303030
}

.index-wrap .container .right .i-1 .items.jc-tel:before {
    background-color: #fff;
}

.index-1 .container {
    position: relative;
    padding-bottom: 0
}

.index-1 .container:after {
    content: '';
    display: block;
    position: absolute;
    width: 1160px;
    left: 20px;
    bottom: 0;
    height: 2px;
    margin: 0 auto;
    background-color: #005296
}

.index-2 .container {
    padding: 0 20px 0 20px;
}

.index-2 .container .section {
    border-bottom: 1px solid #d2d2d2
}

.main-footer {
    width: 100%;
    height: 100px;
    background-color: #22272c
}

.main-footer .container {
    position: relative
}

.main-footer .container .text {
    font-size: 12px;
    color: #fff;
    margin-left: 60px;
    padding-top: 14px
}

.main-footer .container .text p {
    margin-top: 15px
}

.main-footer .container .logo-logo {
    position: absolute;
    right: 90px;
    top: 20px
}

.main-wrap .container {
    padding: 0 20px;
    background-color: #fff;
    overflow: hidden
}

.main-wrap.map .header {
    margin: 40px auto 22px;
    text-align: center
}

.main-wrap.map .header .title {
    margin: 22px auto 14px;
    color: #303030;
    font-size: 18px;
    font-weight: bold
}

.main-wrap.map .header p {
    font-size: 14px
}

.main-wrap.map #map {
    width: 100%;
    height: 380px;
    margin-bottom: 28px
}

.main-wrap.map .test-box {
    margin-bottom: 50px
}

.main-wrap.map .test-box h5 {
    font-size: 1.125em;
    line-height: 1.33333em;
    margin-bottom: 5px
}

.main-wrap.map .test-box p {
    font-size: .875em;
    line-height: 1.71429em;
    letter-spacing: 1px
}

.main-wrap.map .test-box p a {
    color: #115bc9;
    text-decoration: underline
}

.main-wrap.list .container,
.main-wrap.detail .container {
    padding: 30px 20px 60px
}

.main-wrap.list .container .left .nav,
.main-wrap.detail .container .left .nav {
    width: 100%;
    margin-bottom: 20px
}

.main-wrap.list .container .left .nav .title,
.main-wrap.detail .container .left .nav .title {
    width: inherit;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background-color: #005296;
    padding-left: 5px
}

.main-wrap.list .container .left .nav .items,
.main-wrap.detail .container .left .nav .items {
    width: inherit;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    color: #303030
}

.main-wrap.list .container .left .nav .items a,
.main-wrap.detail .container .left .nav .items a {
    width: 100%;
    padding-left: 20px
}

.main-wrap.list .container .left .nav .items a.current,
.main-wrap.detail .container .left .nav .items a.current,
.main-wrap.list .container .left .nav .items a:hover,
.main-wrap.detail .container .left .nav .items a:hover {
    font-weight: bold;
    color: #005296
}

.main-wrap.list .container .left .nav .items:last-of-type,
.main-wrap.detail .container .left .nav .items:last-of-type {
    border-bottom: 1px solid #e8e8e8
}

.main-wrap.list .container .left .logo-tel-2,
.main-wrap.detail .container .left .logo-tel-2 {
    margin-bottom: 20px
}

.main-wrap.list .container .right,
.main-wrap.detail .container .right {
    border: 1px solid #e8e8e8
}

.main-wrap.list .container .right .header,
.main-wrap.detail .container .right .header {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    height: 68px;
    line-height: 68px;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 20px;
    background-color: #f7f7f7
}

.main-wrap.list .container .right .header .title,
.main-wrap.detail .container .right .header .title {
    float: left;
    color: #005296;
    font-size: 16px;
    font-weight: bold
}

.main-wrap.list .container .right .header .slide,
.main-wrap.detail .container .right .header .slide {
    float: right;
    font-size: 14px;
    color: #4a4a4a
}

.main-wrap.list .container .right .wrap,
.main-wrap.detail .container .right .wrap {
    width: 100%;
    padding: 0 20px;
    background-color: #fff
}

.main-wrap.list .container .right .wrap li,
.main-wrap.detail .container .right .wrap li {
    width: 100%;
    height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px
}

.main-wrap.list .container .right .wrap li a,
.main-wrap.detail .container .right .wrap li a {
    height: inherit;
}

.main-wrap.list .container .right .wrap li a span,
.main-wrap.detail .container .right .wrap li a span {
    display: inline-block;
    max-width: 750px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #252525
}

.main-wrap.list .container .right .wrap li .time,
.main-wrap.detail .container .right .wrap li .time {
    float: right
}

.main-wrap.detail .detail-wrap .title {
    color: #4a4a4a;
    font-weight: bold;
    text-align: center;
    margin: 40px auto 10px;
    font-size: 18px;
}

.main-wrap.detail .detail-wrap .title .time {
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-align: center;
    font-size: 12px;
    color: #a1a0a0;
    margin-top: 20px
}

.main-wrap.detail .detail-wrap .text-wrap {
    padding: 10px 30px;
    letter-spacing: .6px;
    text-align: justify;
    font-size: .875em;
    line-height: 1.71429em
}

.page-nav .active a {
    min-width: 24px;
    height: 24px;
    line-height: 22px;
    margin-left: 3px;
    font-size: 12px;
    color: #f0f4f5;
    border: 1px solid #e8e8e8;
    background-color: #5181cc;
}

.fixed-layout {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5)
}

.fixed-layout .wrapper {
    position: relative;
    width: 720px;
    height: 396px;
    top: 50%;
    left: 50%;
    margin: -198px 0 0 -360px;
    background: url(../images/msg.png);
    text-align: center
}

.fixed-layout .wrapper .title {
    width: 100%;
    font-size: 36px;
    line-height: 95px;
    margin-bottom: 40px;
    color: #fff
}

.fixed-layout .wrapper .msg {
    width: 600px;
    font-size: 18px;
    color: #303030;
    margin: 40px auto
}

.fixed-layout .wrapper .detail {
    width: 140px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #00669f;
    color: #00669f;
    border-radius: 8px;
    text-align: center
}

.fixed-layout .wrapper .logo-close {
    position: absolute;
    right: -40px;
    top: 0
}

.logo-sprite,
.logo-close,
.logo-code,
.logo-icon1,
.logo-icon2,
.logo-icon3,
.logo-icon4,
.logo-icon5,
.logo-logo,
.logo-office,
.logo-search,
.logo-tel-1,
.logo-tel-2 {
    background-image: url('../images/logo-s3e433d2f1a.png');
    background-repeat: no-repeat
}

.logo-close {
    background-position: 0 0;
    height: 32px;
    width: 32px
}

.logo-code {
    background-position: 0 -32px;
    height: 62px;
    width: 210px
}

.logo-icon1 {
    background-position: 0 -94px;
    height: 28px;
    width: 28px
}

.logo-icon2 {
    background-position: 0 -122px;
    height: 28px;
    width: 28px
}

.logo-icon3 {
    background-position: 0 -150px;
    height: 22px;
    width: 22px
}

.logo-icon4 {
    background-position: 0 -172px;
    height: 24px;
    width: 22px
}

.logo-icon5 {
    background-position: 0 -196px;
    height: 24px;
    width: 22px
}

.logo-logo {
    background-position: 0 -220px;
    height: 60px;
    width: 236px
}

.logo-office {
    background-position: 0 -280px;
    height: 67px;
    width: 501px
}

.logo-search {
    background-position: 0 -347px;
    height: 14px;
    width: 14px
}

.logo-tel-1 {
    background-position: 0 -361px;
    height: 74px;
    width: 210px
}

.logo-tel-2 {
    background-position: 0 -435px;
    height: 74px;
    width: 210px
}

[class^="logo-"],
[class*=" logo-"] {
    display: inline-block;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    cursor: pointer
}

.index-wrap .container .left {
    float: left;
    width: 700px;
    margin-right: 30px
}

.index-wrap .container .right {
    float: right;
    width: 430px
}

.main-wrap.list .container .left,
.main-wrap.detail .container .left {
    float: left;
    width: 210px;
    margin-right: 20px
}

.main-wrap.list .container .right,
.main-wrap.detail .container .right {
    float: right;
    width: 930px
}

.mark-top {
    position: relative;
}

.mark-top:after {
    content: '';
    position: absolute;
    display: block;
    background-image: url('/static/images/top.png');
    width: 18px;
    height: 14px;
    line-height: 18px;
    font-size: 12px;
    top: 50%;
    right: -30px;
    margin: -7px 0 0 -9px;
    /*border-radius: 2px;*/
    background-repeat: no-repeat;
}

.subtitle {
    font-size: 14px;
    margin-top: 2px;
}

.table_hook a {
    text-indent: 0px;
}

.main-nav ul li .popup-view {
    text-align: center;
    height: auto;
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 47px;
    left: 0px;
    display: none;
}

.main-nav ul li:hover .popup-view {
    display: block;
    background: #ffffff;
}

.main-nav ul li:hover .popup-view li a {
    zoom: 0.8;
    word-break: keep-all;
    /* 不换行 */
    white-space: nowrap;
}

.main-nav ul li .popup-view li {
    display: block;
    height: auto;
    width: 100%;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 0px 3px 10px #e4e4e4;
    box-shadow: 0px 3px 10px #e4e4e4;
    background: #ffffff;
    vertical-align: top;
    margin: 0 auto;
}

.main-nav ul li .popup-view li a {
    display: block;
}

.main-nav ul li:hover .popup-view li a {
    display: block;
}

.main-nav ul li:hover .popup-view li {
    display: inline-block;
    padding: 0px;
    margin-left: -8%;
    width: 108%;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

.main-nav ul li .popup-view li a {
    color: #5e5e5e;
    display: block;
    font-size: 13px;
}

.main-nav ul li .popup-view li:hover {
    background: #005889;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

.main-nav ul li .popup-view li:hover a {
    display: block;
    color: #ffffff;
    /*zoom: 0.8;*/
    word-break: keep-all;
    /* 不换行 */
    white-space: nowrap;
    /* 不换行 */
}

.main-nav ul li:hover .popup-view li {
    text-indent: 0.5em \9;
    /* IE6, IE7, IE8, IE9, IE10 */
}

@font-face {
    font-family: "iconfont";
    src: url('../fonts/xyicon.eot?t=1501151041590');
    /* IE9*/
    src: url('../fonts/xyicon.eot?t=1501151041590#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/xyicon.woff?t=1501151041590') format('woff'), /* chrome, firefox */ url('../fonts/xyicon.ttf?t=1501151041590') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/xyicon.svg?t=1501151041590#iconfont') format('svg');
    /* iOS 4.1- */
}

.xyicon {
    font-family: "iconfont" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.xyicon-information:before {
    content: "\e634";
}

.index-wrap .container .box_frame_2col .section_3 .title .xyicon {
    vertical-align: top;
}

.view__title {
    width: 1160px;
    margin: 0 0 20px 0;
    height: 28px;
    line-height: 28px;
    background-color: #ffffff;
}

.view__title-icons {
    vertical-align: middle;
    font-size: 16px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #ffffff;
    background-color: #e16817;
    float: left;
    margin-right: 10px;
}

.view__title-icons span {
    display: inline-block;
    vertical-align: top;
}

.view__title-voice {
    display: inline-block;
    width: 14px;
    height: 28px;
    background: url("/static/images/view_icon-voice.png") no-repeat center;
    background-size: 100% auto;
}

.view__title-control {
    float: right;
    color: #e16817;
    font-size: 16px;
    margin-top: -2px;
}

.view__title-roll {
    float: left;
    width: 76%;
    font-size: 16px;
    font-weight: 900;
    color: #000000;
    overflow: hidden;
    text-align: left;
}

.view__title-a {
    text-decoration: underline;
}

.view__control-line {
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #e16817;
    margin: 0 10px;
    vertical-align: middle;
}

.view__control-btn {
    vertical-align: middle;
}

.view__control-btn:hover {
    color: #e16817;
    cursor: pointer;
}

.index-wrap .container .right .i-1-left .box_1 {
    width: 210px;
    margin-bottom: 10px;
    color: #fff;
    display: block;
    float: left;
    background-color: #e16817;
}

.index-wrap .container .right .i-1-left .box_2 {
    width: 210px;
    color: #fff;
    display: block;
    float: left;
    background-color: #00669f;
}

.index-wrap .container .right .i-1 .vp__title {
    width: 210px;
    height: 74px;
    line-height: 74px;
    color: #fff;
    display: block;
}

.vp__title-left {
    /*background-color: #e16817;*/
}

.vp__title-right {
    background-color: #00669f;
    margin-left: 10px;
}

.index-wrap .container .right .i-1 .tel .vp__logo-guide {
    width: 30px;
    height: 30px;
    background: url('../images/affairs.png') no-repeat center;
    background-size: 100% auto;
    margin: 23px 10px 23px 20px;
}

.index-wrap .container .right .i-1 .tel .vp__title-inner {
    line-height: 26px;
    margin: 12px 0 0;
}

.index-wrap .container .right .i-1 .tel .vp__title-left .vp__title-inner {
    text-align: center;
}

.cas_sign .vp__title.vp__title-left {
    display: block;
    width: 210px;
    height: 74px;
    color: #ffffff;
    overflow: hidden;
}

.cas_sign .vp__logo-guide {
    width: 30px;
    height: 30px;
    background: url(../images/affairs.png) no-repeat center;
    background-size: 100% auto;
    margin: 23px 15px 23px 20px;
    float: left;
}

.cas_sign .vp__title-inner {
    line-height: 26px;
    margin: 12px 0 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.index-wrap .container .left .section ul li a.highlight:link, .index-wrap .container .left .section ul li a.highlight:visited {
    color: #e16817;
}

.box_link {
    border-top: 2px solid #005296;
    padding: 30px 0 10px 0;
    text-align: center;
}

.box_link a {
    padding: 0 20px;
}


/**
新首页
 */

.index-wrap .container .box_frame_2col {
    margin-top: 20px;
}

.index-wrap .container .box_frame_2col .section {
    float: left;
    width: 370px;
    /*height: 370px;*/
    overflow: hidden;
    border-bottom: none;
}

.index-wrap .container .box_frame_2col .section_1 {
    margin-right: 30px;
}

.index-wrap .container .box_frame_2col .section .header {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 16px;
}

.index-wrap .container .box_frame_2col .section .header .title {
    position: relative;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #005296;
    padding-left: 10px
}

.index-wrap .container .box_frame_2col .section .header .title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 20px;
    background-color: #005296
}

.index-wrap .container .box_frame_2col .section .header .text-yellow {
    color: #e36612
}

.index-wrap .container .box_frame_2col .section .header .text-yellow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 20px;
    background-color: #e36612
}

.index-wrap .container .box_frame_2col .section .header .more {
    float: right;
    font-size: 12px;
    color: #b4b4b4;
    margin-top: 4px
}

.index-wrap .container .box_frame_2col .section ul li {
    position: relative;
    width: 100%;
    font-size: 14px;
    padding-left: 18px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 12px;
    margin-bottom: 15px;
}

.index-wrap .container .box_frame_2col .section ul li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    overflow: hidden;
    top: 10px;
    left: 0;
    background: #62696e;
}

.index-wrap .container .box_frame_2col .section ul li:last-child {
    margin-bottom: 0;
}

.index-wrap .container .box_frame_2col .section ul li a {
    display: block;
    max-width: 370px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #62696e;
    padding-bottom: 5px;
}

.index-wrap .container .box_frame_2col .section ul li a:hover {
    color: #005296
}

.index-wrap .container .box_frame_2col .section ul li .time {
    display: block;
    color: #999;
    font-size: 12px;
}

.index-wrap .container .box_frame_2col .section_3 {
    width: 360px;
    /*height: 370px;*/
    padding: 0 15px;
    /*float: right;*/
    border: 1px solid #e2e2e2;
    background-color: #f8f8f8;
    margin-bottom: 20px;
}

.index-wrap .container .box_frame_2col .section_3 li:last-child {
    border-bottom: none;
}

/*
.index-wrap .container .box_frame_2col:first-child .section {
    height: 360px;
}
*/

.index-wrap .container .box_frame_2col .main_col {
    width: 800px;
    float: left;
    overflow: hidden;
}

.index-wrap .container .box_frame_2col .side_col {
    width: 360px;
    float: right;
    overflow: hidden;
}

.index-wrap .container .box_frame_2col .section_4_5 {
    float: right;
    /*height: 370px;*/
}

.index-wrap .container .box_frame_2col .section_4, .index-wrap .container .box_frame_2col .section_5 {
    width: 360px;
    height: 165px;
    padding: 0 15px;
    float: right;
    border: 1px solid #e2e2e2;
    background-color: #f8f8f8
}

.index-wrap .container .box_frame_2col .section_4 {
    margin-bottom: 20px;
}

.index-wrap .container .box_frame_2col .section_4 li:last-child {
    border-bottom: none;
}

.index-wrap .container .box_frame_2col .section_5 li:last-child {
    border-bottom: none;
}

.box_section_wrap {
    margin-bottom: 20px;
}